#mobile {
  width: 100%;
  max-width: 520px;
  background-color: #F2F3F7;
  margin: 0 auto;

  &-header-image {
    width: 100%;

    img {
      width: 100%;
    }
  }
}

.mobile {
  &-footer {
    width: 80% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  &-article {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0 10px 28px 0 rgba(137,157,197,.12);
    background-color: white;

    &-content {
      padding: 5% 8%;
      color: black;
      margin-bottom: 1.3em;
    }

    &-line {
      width: 100%;
      border-radius: 4px;
      height: 2px;
      background-color: #F2F3F7;
      margin: 12px 0;
    }

    &-name {
      margin-top: -30px;

      h3 {
        font-weight: 100;
        margin: 0;
      }
      p {
        font-size: 11px;
        font-weight: 100;
      }
      &-chinese {
        font-weight: 100;
        margin: 0;
        padding-top: 1em;
        display: block;
      }
    }

    &-position {
      span {
        font-weight: 100;
        color: black;
      }
      h3 {
        margin-top: 0;
      }
      &-title {
        font-weight: 500 !important;
      }
    }
    
    &-contact {
      h3 {
        margin-top: 0;
      }
      p {
        display: inline-block;

      }
      a {
        font-weight: 100;
        color: black;
        text-decoration: underline;
      }
    }
  }
}